{% extends "kjs/eagleye/templates/eagleye.html" %}

{% block eagleye_action_form_tabs %}
    <style type="text/css">
        a.social_login div{
            width:211px;
            height:59px;
            margin:18px auto;
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 0 0;
        }
        a#xlwb_login_btn div{
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 0 376px;
        }
        a#xlwb_login_btn div:hover {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 422px 376px;
        }
        a#xlwb_login_btn div:active {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 211px 376px;
        }
        a#renren_login_btn div{
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 0 186px;
        }
        a#renren_login_btn div:hover {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 422px 186px;
        }
        a#renren_login_btn div:active {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 211px 186px;
        }
            /*腾讯微博*/
        a#txwb_login_btn div{
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 0 124px;
        }
        a#txwb_login_btn div:hover {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 422px 124px;
        }
        a#txwb_login_btn div:active {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 211px 124px;
        }
            /*豆瓣*/
        a#douban_login_btn div{
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 0 248px;
        }
        a#douban_login_btn div:hover {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 422px 248px;
        }
        a#douban_login_btn div:active {
            background:url('{{ STATIC_URL }}commons/background/third-register-login-btn.$7164.png') 211px 248px;
        }
    </style>
    <ul>
        <li>
            <a href="#eagleye_social_login">
                <div>
                    <label>社交平台账号登陆</label>
                </div>
            </a>
        </li>
        <li>
            <a href="#eagleye_kjssoft_login">
                <div>
                    <label>惠软账号登录</label>
                </div>
            </a>
        </li>
    </ul>
    <div id="eagleye_social_login">
        {% for bind in binds %}
            {% if bind.platform.name == "RENREN" %}
                <a id="renren_login_btn" class="social_login" href="/eagleye/social/{{ bind.id }}/authorize/">
                    <div>
                    </div>
                </a>
            {% endif %}
        {% endfor %}
    </div>
    <div id="eagleye_kjssoft_login">
        <form action="/eagleye/login/?type=1" method="POST" class="eagleye_form">
            <div>
                <label class="formTitle">欢迎您回来</label>
            </div>
            {% include "kjs/eagleye/templates/widgets/form.html" %}
            <button class="formBtn">登陆</button>
            <label>忘记密码？</label>
            <label>保持登陆</label>
        </form>
    </div>
{% endblock %}

{% block eagleye_action_form %}
    <div id="eagleye_kjssoft_login">
        <form action="/eagleye/login/?type=1" method="POST" class="eagleye_form">
            <div>
                <label class="formTitle">欢迎您回来</label>
            </div>
            {% include "kjs/eagleye/templates/widgets/form.html" %}
            <button class="formBtn">登陆</button>
            <label>忘记密码？</label>
            <label>保持登陆</label>
        </form>
    </div>
{% endblock %}